@import '~@/scss/GlobalVariables';

.select-contract .dropdown-toggle {
  border: 0;
  display: none;
}

.interact-with-contract-container {
  border-radius: 5px;
  grid-area: main;
  overflow: hidden;

  >div {
    background-color: $background-color-white;
  }

  .content-title {
    align-items: center;
    background-color: $background-color-white;
    border-bottom: 2px solid $background-color-1;
    display: flex;
    padding: 20px 0;

    i {
      color: $text-black;
      font-size: 30px;
      margin-right: 10px;
    }

    p {
      color: $text-black;
      font-weight: 500;
    }

    h2 {
      border-left: 5px solid $background-color-2;
      font-size: 24px;
      font-weight: 500;
      line-height: 37px;
      margin: 0;
      padding: 0;
      padding-left: 27px;
    }

    img {
      height: 40px;
      margin-left: auto;
      margin-right: 30px;
    }
  }

  .bottom-text {
    margin-top: 20px;
    text-align: center;
  }

  .submit-button {
    margin: 0 auto;
    text-align: center;
    width: 300px;
  }

  .send-form {
    padding: 40px 60px 0;

    .title-container {
      align-items: flex-end;
      display: flex;
      margin-bottom: 5px;

      .title {
        align-items: flex-end;
        display: flex;
        margin-bottom: 10px;
        padding: 0 8px;
        width: 100%;

        .select-contract {
          margin-left: auto;
        }

        .copy-buttons {
          color: $text-color-3;
          margin-left: auto;

          span {
            margin-left: 20px;
          }
        }
      }

      .search-block {
        margin-left: auto;
      }

      .buttons {
        margin-bottom: 3px;
        margin-left: auto;
      }
    }

    .form-block {
      border-radius: 5px;

      .the-form {
        background-color: $background-color-1;
        border-radius: 5px;
      }
    }

    .domain-name {
      align-items: center;
      display: flex;
      position: relative;

      input {
        background-color: $background-color-1;
        border: 0;
        padding: 13px 15px;
        width: 100%;
      }

      span {
        font-size: 20px;
        font-weight: 600;
      }
    }
  }

  .submit-button-container {
    padding: 40px 60px;
  }
}
